<template>
  <div>
    <el-card>
      <el-table
      stripe
      border
      style="width: 100%"
      :data="rights">
        <el-table-column
            type="index"
            label="#"
            >
        </el-table-column>
        <el-table-column
            prop="name"
            label="权限名"
            width="180">
        </el-table-column>
        <el-table-column
            prop="code"
            label="权限描述">
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "RightManagement",
  data(){
    return {
      rights:[
        {right:"图书列表",disc:"拥有拥有该权限的角色的用户可以查看全部图书列表"},
        {right:"购买商品",disc:"拥有拥有该权限的角色的用户可以购买图书商品"},
        {right:"图书推荐",disc:"拥有拥有该权限的角色的用户可以进行个性化图书推荐"},
        {right:"热门图书",disc:"拥有拥有该权限的角色的用户可以被推荐热门书籍"},
        {right:"发布图书",disc:"拥有拥有该权限的角色的用户可以发布图书商品"},
        {right:"我的店铺",disc:"拥有拥有该权限的角色的用户可以查看个人店铺"}
      ]

    }
  },
  created() {
    this.getRights()
  },
  methods:{
    async getRights(){
      //获取所有权限给rights赋值
      const{data:res} = await this.$http.post("http://120.46.132.13:8081/api/role/getRights")
      if(res.code===200||res.code===0){
        this.rights = res.data;
      }
      console.log(res)
    }
  }
}
</script>

<style scoped>

</style>
